import React ,{Component} from "react"
import {View, Text, StyleSheet,StatusBar,} from "react-native"
import LinearGradient from "react-native-linear-gradient";

export default class BaseHeader extends Component{


    constructor(props) {
        super(props);
        this.state = {
        };

    }


    render() {
        return <View style={styles.pageContainer}>
            <LinearGradient colors={['#FEA325', '#FFC83B']} end={{ x: 0, y: 0}} start={{ x: 1, y: 0}} style={styles.Gradient}>
                <Text style={styles.buttonText}>
                    {
                        this.props.title
                    }
                </Text>
            </LinearGradient>
            <LinearGradient colors={['#FEA325', '#FFC83B']} end={{ x: 0, y: 0}} start={{ x: 1, y: 0}} style={styles.linearGradient}>
                <Text style={styles.buttonText}>
                    Sign in with Facebook
                </Text>
            </LinearGradient>
        </View>;
    }

}

const styles = StyleSheet.create({
    pageContainer:{

    },
    linearGradient: {
        flex: 1,
        paddingLeft: 15,
        paddingRight: 15,
        borderRadius: 5
    },
    Gradient: {
        flex: 1,
        paddingLeft: 15,
        paddingRight: 15,
        borderRadius: 5
    },
    buttonText: {
        fontSize: 18,
        fontFamily: 'Gill Sans',
        textAlign: 'center',
        margin: 10,
        color: '#ffffff',
        backgroundColor: 'transparent',
    }
});

